/* Base button */
.btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; padding: 0 10px; white-space: nowrap; text-align: center; color: #fff; font-size: 14px; border: none; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.btn:hover{opacity: 0.8; filter:alpha(opacity=80)}
.btn:active{opacity: 1; filter:alpha(opacity=100);}
.btn+.btn{margin-left: 10px}

/* Colors */
.btn-default{border: 1px solid #C9C9C9; background-color: #fff; color: #555;}
.btn-default:hover{border-color: #009688; color: #333}
.btn-info{background-color: #009688}
.btn-primary{background-color: #1E9FFF;}
.btn-warning{background-color: #FFB800;}
.btn-danger{background-color: #FF5722;}
.btn-success{background-color: #5FB878;}
.btn-link{background-color: transparent; color: #009688}
.btn-disabled,.btn-disabled:hover,.btn-disabled:active{border: 1px solid #e6e6e6; background-color: #FBFBFB; color: #C9C9C9; cursor: not-allowed; opacity: 1;}

/* Sizes */
.btn-lg{height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px;}
.btn-sm{height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px;}
.btn-sm i{font-size: 16px !important;}
.btn-xs{height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px;}
.btn-xs i{font-size: 14px !important;}

/* Group */
.btn-group{display: inline-block; vertical-align: middle; font-size: 0;}
.btn-group .btn{margin-left: 0!important; margin-right: 0!important; border-left: 1px solid rgba(255,255,255,.5)}
.btn-group .btn-default{border-left: none;}
.btn-group .btn-default:hover{border-color: #C9C9C9; color: #009688;}
.btn-group .btn:first-child{border-left: none}
.btn-group .btn-default:first-child{border-left: 1px solid #c9c9c9;}
.btn-group .btn+.btn{margin-left: 0;}
.btn-group+.btn-group{margin-left: 10px;}